import QtQuick 2.15
import QtQuick.Layouts 1.15
import QtQuick.Controls 2.15
import QtCharts 2.3

ChartView {
    title: qsTr("柱形图 ")
    titleColor: "black" //定制标题字
    titleFont.bold: true
    anchors.fill: parent
    legend.alignment: Qt.AlignBottom //上图：目前产量 目标产量的位置，这里指下方
    antialiasing: true //反锯齿

    //不同的坐标轴需要用不一样的Axis
    BarCategoryAxis {
        id: axisx
        color: "#555555"
        labelsFont.pointSize: 12
        labelsFont.bold: true
        categories: ["03月", "04月", "05月", "06月", "07月"]
    }

    ValueAxis {
        id: axisy
        max: 10
        min: 0
        tickCount: 7 //上图只是演示这个的功能，并非一般这么写，y轴方向7个指示点
        labelsColor: "#111111"
        labelsFont.pointSize: 12
        labelsFont.bold: true
        labelFormat: "%d"
    }

    BarSeries {
        id: barSeries
        axisX: axisx
        axisY: axisy
        labelsPosition: AbstractBarSeries.LabelsInsideEnd //指条形图里面的数字值的位置
        labelsVisible: true //指条形图里面的数字值是否显示，默认不显示
        BarSet {
            label: "目前产量"
            color: "green"
            values: [4, 4, 7, 7, 5]
        }
        BarSet {
            label: "目标产量"
            color: "red"
            values: [5, 5, 7, 8, 10]
        }
    }
}
